<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="styles/popup_style.css">
</head>
<body>
  <div class="popup__wrapper">
    <img src="./image/setting.png" alt="" class="popup__setting__icon" title="设置">
    <div class="popup__setting__panpel">
      <header>
        <span class="title">设置</span>
        <img src="./image/close.png" class="setting__panpel__close" title="关闭">
      </header>
      <ul class="setup__form scrollbar">
        <form action="#">
          <li class="setup__form__item">
            <span class="setup__label">根目录</span>
            <div class="setup__input__wrapper">
              <input type="text" class="form__input" placeholder="例如：static/images" name="dirRootPath">
              <span class="path_preview">
                <span>预览：</span>
                <span class="dirpath"></span>
              </span>
            </div>
          </li>
          <li class="setup__form__item">
            <span class="setup__label">导出目录</span>
            <div class="setup__input__wrapper">
              <input type="text" class="form__input" placeholder="例如：01" name="root">
              <span class="path_preview">
                <span>预览：</span>
                <span class="dirpath"></span>
              </span>
            </div>
          </li>
          <li class="setup__form__item">
            <span class="setup__label">子目录</span>
            <img src="./image/add.png" class="add__dirs" alt="">
          </li>
          <div class="sub__dirs"></div>
        </form>
      </ul>
      <div class="setting__button__group">
        <button class="popup__button__basic popup__button__default cancel__button">取消</button>
        <button class="popup__button__basic popup__button__primary save__button">保存</button>
      </div>
    </div>
    <div class="image__wrapper scrollbar">
    </div>
    <footer>
      <button id="popup__get__img__button" class="popup__button__basic popup__button__primary">
        <div>
          获取图片
        </div>
      </button>
      <button id="popup__export__button" class="popup__button__basic popup__button__primary">
        <div>
          导出图片
        </div>
      </button>
    </footer>
  </div>
  <script src="plugins/jquery.min.js"></script>
  <script src="plugins/jszip.js"></script>
  <script src="plugins/axios.min.js"></script>
  <script src="scripts/popup.js"></script>
</body>
</html>